<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link href="/static/admin/static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="/static/admin/static/h-ui.admin/css/H-ui.login.css" rel="stylesheet" type="text/css" />
<link href="/static/admin/static/h-ui.admin/css/style.css" rel="stylesheet" type="text/css" />
<link href="/static/admin/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>后台登录</title>
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body onkeydown="on_return();">
    <input type="hidden" id="TenantId" name="TenantId" value="" />
    <!--<div class="header"></div>-->
    <div class="loginWraper">
        <div id="loginform" class="loginBox" style="padding-top: 0px;">
            <form class="form form-horizontal" action="" method="post">
                <div class="row cl">
                    <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60d;</i></label>
                    <div class="formControls col-xs-8">
                        <input name="username" type="text" placeholder="账户" class="input-text size-L">
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60e;</i></label>
                    <div class="formControls col-xs-8">
                        <input name="password" type="password" placeholder="密码" class="input-text size-L">
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-3" ><i class="Hui-iconfont"></i></label>
                    <div class="formControls col-xs-8">
                        <input name="sms" type="text" style="width:150px;" placeholder="短信验证码" class="input-text size-L">
                        <button type="button" onclick="fdsnifbds()" class="btn btn-default radius size-L">&nbsp;发&nbsp;送&nbsp;
                    </div>
                </div>
                <div class="row cl">
                    </div>
                    <div class="row cl">
                        <div class="formControls col-xs-8 col-xs-offset-3">
                            <label for="online">
                                <input type="checkbox" name="online" id="online" value="">
                            使我保持登录状态</label>
                        </div>
                    </div>
                    <div class="row cl">
                        <div class="formControls col-xs-8 col-xs-offset-3">
                            <button type="button" onclick="login()" class="btn btn-success radius size-L">&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录&nbsp;</button>
                            <button type="reset" class="btn btn-default radius size-L">&nbsp;取&nbsp;&nbsp;&nbsp;&nbsp;消&nbsp;</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="footer">Copyright 2018 by {:config('base.webtitle')}</div>
        <script type="text/javascript" src="/static/admin/lib/jquery/1.9.1/jquery.min.js"></script> 
        <script type="text/javascript" src="/static/admin/static/h-ui/js/H-ui.min.js"></script>
        <script type="text/javascript" src="/static/admin/lib/layer/2.4/layer.js"></script>
        <script type="text/javascript">
            function login(){
                layer.msg('正在登陆中...',{icon:16,shade: [0.3, '#000']});
                var username = $("input[name='username']").val();
                var password = $("input[name='password']").val();
                var code = $("input[name='code']").val();
                var online = $("input[name='online']").is(':checked') ? 1: 0;
                var sms = $("input[name='sms']").val();

                $.ajax({
                    type:"post",
                    url: "{:url('index')}",
                    data: {username:username,password:password,code:code,online:online,sms:sms},
                    success: function(data){
                        if(data.status == 1){
                            layer.msg(data.message,{icon:16,time:1000,shade: [0.3, '#000']},function(){
                                window.location.href=data.url;
                            });
                        }else{
                            layer.msg(data.message,{icon: 2,time:1300,shade: [0.3, '#000']},function(){
                                kanbuq(); //更新验证码
                            });
                        }
                    },
                    error:function(error){
                        layer.msg('系统发生了错误',{icon:2,time:3000,shade: [0.5, '#FF0000']});
                    }
                });

            }
            function on_return(){
                if(window.event.keyCode == 13){
                    login();
                }
            }
            function kanbuq(){
                $("#code").attr('src',$("#code").attr('src')+'?'+Math.random());
                $("input[name='code']").val('');
            }

        </script>
    </body>
</html>